<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>基本选择器</title>
    <style type="text/css">
        div, span, p {
            width: 140px;
            height: 140px;
            margin: 5px;
            background: #aaa;
            border: #000 1px solid;
            float: left;
            font-size: 17px;
            font-family: Verdana;
        }

        div.mini {
            width: 55px;
            height: 55px;
            background-color: #aaa;
            font-size: 12px;
        }

        div.hide {
            display: none;
        }
    </style>
    <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            //匹配页面中ID为testID 的标签
            console.log($("#testId"));
            console.log($(".testClass"));
            console.log($("div"));
            console.log($("#testId,.testClass"));
            console.log($("*"));
        });
    </script>
</head>
<body>
<input type="text" id="testId">
<input type="text" class="testClass">
<input type="text" class="testClass">
<input type="text" class="testClass">
<input type="text" class="testClass">
<input type="text" class="testClass">
<input type="text" class="testClass">
<input type="text" class="testClass">
<input type="text" class="testClass">
<input type="text" class="testClass">
<div></div>
</body>
</html>

